/* 
 *	Styles for fretboard, scales and the like.
 *	2013-09-29 USP
 */
span.chordbox {	float: left; padding: 10px; border: 0px; margin-right: 5px; font-family: Times New Roman; color: Gray; }
span.chordbox img { padding:5px; border: 1px solid silver;  }

table.fretboard {  table-layout: fixed; margin-left: 10px;  margin-bottom: 20px; color: #606060; text-align: center; }
table.fretboard tr.marker th { }
table.fretboard tr.marker td { width: 2em; }
table.fretboard tr.marker td.used { border: solid 1px #D0D0D0; }

table.fretboard tr.string th.rowheader { border: solid 1px #D0D0D0; font-weight: normal; }
table.fretboard tr.string th.stringname { border: solid 1px #D0D0D0;  background-color: #909090;  color: #F0F0F0; }
table.fretboard tr.string th.stringnumber { border: solid 1px #D0D0D0;  background-color: #909090;  color: #F0F0F0; }
table.fretboard tr.string th.nut { border: solid 1px #D0D0D0; padding: 0px 0px 0px 0px; font-size: 0px; background-color: #D0D0D0; }
table.fretboard tr.string td { border: solid 1px #D0D0D0; cursor: default; }
table.fretboard tr.string td.scalenote { background-color: #F4F4F4;  }
table.fretboard tr.string td.scaleroot { background-color: #F0F0D0; }
table.fretboard tr.string td.chordnote { background-color: #E0E0E0; }
table.fretboard tr.string td.chordroot { background-color: #F0E0D0; }

table.xfretboard tr.string th.interval { color: #8080C0; border: none; }
table.xfretboard tr.string th.lefthand { color: #80C080; border: none; }
table.xfretboard tr.string th.righthand { color: #80C080; }

table.scale {  table-layout: fixed; margin-left: 10px;  margin-bottom: 20px; color: #A0A0A0; text-align: center; }
table.scale th.rowhead { text-align: left;  padding-left: 5px; border: 1px solid #D0D0D0;   }
table.scale td { width: 2em; border: 1px solid #D0D0D0; text-align: center; }
table.scale tr.degree td { color: #B0B0B0; }
table.scale tr.degree td.header { text-align: left;  padding-left: 5px; }
table.scale tr.index td { color: #B0B0B0; }
table.scale tr.index td.used { background-color: #F0F0F0; }
table.scale tr.interval td { color: #B0B0B0; }
table.scale tr.interval header { text-align: left;  padding-left: 5px; }
table.scale tr.note td {  }
table.scale tr.note td.root { background-color: #F2E8D8; }
table.scale tr.note td.used { background-color: #F0F0F0; }

table.chord { table-layout: fixed; margin-left: 10px;  margin-bottom: 20px; color: #A0A0A0; text-align: center; }
table.chord th.rowheader { text-align: left; padding-left: 5px; font-weight: normal; text-align: left; border: 1px solid #D0D0D0;  }
table.chord th.rowdescriptor { border-style: none; text-align: left; font-weight: normal; font-style: italic; padding-left: 1em;  }
table.chord td { width: 2em; border: 1px solid #D0D0D0; }
table.chord td.em { border-color: #F080B0; }
table.chord tr.note td { background-color: #F0F0F0; color: #404040; }
table.chord tr.note td.root { background-color: #F2E8D8; }
table.chord tr.index td { }

table.tabulature { table-layout: fixed; margin-left: 10px;  margin-bottom: 20px; color: #606060; text-align: center; }
table.tabulature tr.righthand td.bar { width: 0px; }
table.tabulature tr.string td { width: 1em; border: 1px solid #F0F0F0; }
table.tabulature tr.string th { width: 1em; color: #FFFFFF; background-color: #D0D0D0; }
table.tabulature tr.string td.bar { width: 0px; border-width: 1px; border-color: #A0A0A0; padding-left: 0px; padding-right: 0px; }
table.tabulature tr.notes td { border: none; color: #8080C0; }
table.tabulature tr.notes td.chord { font-style: italic; color: #80C080; }

